@charset "utf-8";

* { padding:0; margin: 0; font-family: "Microsoft Yahei", "微软雅黑", "宋体", Arial, Helvetica, sans-serif; }
ul,li{list-style: none}
html,body{background:#f0f0f0}
footer{text-align: center;line-height: 64px;height: 64px;color:#c9c9c9;}
footer i{padding:0 10px;}
.font-red{color:red;}
.header-logo,.header-logo-out{height:80px;width: 80px;border-radius: 40px;margin-top: 9px;}
.in-shadow{box-shadow: 0 0 10px rgba(0,0,0,0.4) inset;}
.header-logo{position: absolute;z-index: 1}
.header-logo-out{position: absolute;z-index: 3}
.bghred>a:hover{background: #d9534f;color:#fff;border-color:#d9534f;}
.bghred>a{background: #fff}
.login .input-group-addon {color:#cbcbcb;background: #fff;border-color:#cbcbcb;}
.login .input-group input{border-left: 0;}
.login .input-group{
font-size: 14px;
line-height: 1.42857143;
color: #555;
background-color: #fff;
background-image: none;
border: 1px solid #ccc;
border-radius: 4px;
-webkit-border-radius:4px;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.login .input-group *{border:0;}
.login .active {
    border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
}
.login{padding:10% 0;}
header{background: #ee6363;color: #fff;}
header .shoplogo{padding:5px 0;}
.header-title h1{font-size:20px;height:40px;}
header .menushow{display: block;}
header a,header a:hover{color: #fff;cursor: pointer;}
header .menushow li{width:80px;float: left;list-style:none ;text-align: center;padding:12px;padding-bottom: 0; height:100px;overflow: hidden;}
header .menushow .active{background:#ff8181 }
header .menushow{margin: 0}
header .menushow li a{display: block;width:100%;height:30px;line-height:30px;font-weight: 700}
.menuicon{background: url('../img/iconList.png');height: 100;display: block;height:56px;width:56px;}
.menuicon.indexIcon{background-position:-336px top }
.menuicon.shopIcon{background-position:-168px top }
.menuicon.staffIcon{background-position:-280px top }
.menuicon.userIcon{background-position:-224px top }
.menuicon.salesIcon{background-position:-0px top }
.menuicon.logIcon{background-position:-112px top }
.menuicon.avatarIcon{background-position:left 57px }
.menuicon.settingIcon{background-position:-56px top}
.menuicon.shopsIcon{background-position:-159px -57px;}
.menuicon.shopsIcon2{background-position:-173px -214px;}
.menuicon.shopsIcon3{background-position:-10px -214px;width:135px;height: 137px}
.menuicon.smIcon{background-position:-294px -57px;width:29px;height: 45px}
.menuicon.keeperIcon{background-position:-94px -57px;height: 98px;width: 65px}
.menuicon.staff0Icon,.menuicon.staff1Icon{background-position:-56px -57px;height: 58px;width: 40px}
.menuicon.staff2Icon{background-position:-56px -117px;height: 58px;width: 40px}
header .menushow li:hover{background:#e25757;text-decoration:none}
header .menushow  a:hover{text-decoration: none}
.bgw{background: #fff}
.bgb{background: rgb(213,213,213);}
.contents{padding-top:20px;padding-bottom: 20px}
.shopshow li {float: left;width: 175px;overflow: hidden;margin: 0 5px}
.shopshow li .shopsIcon ,.shopshow li .shopsIcon2,.shopshow li .shopsIcon3{height:157px;width:155px;padding:70px 18px 0 18px;margin:10px;border:10px solid #fff;cursor:pointer;}
.shopshow li:hover,.shopshow li:hover .shopsIcon ,.shopshow li:hover .shopsIcon2,.shopshow li:hover .shopsIcon3{background-color: #eee;border-color: #eee}
.shopshow .shopTile{padding:0 10px;height:48px;line-height:24px;font-size: 14px;font-weight:700;overflow: hidden;}
.shopshow .smName{width:60px;height:50px;line-height: 40px;margin-left:5px}
.shopshow .smName.half{line-height: 20px}
.shopshow .shopsIcon  .smIcon{margin-left: 5px}
.shopshow .addShop{background: #fff;width:130px;height: 130px;border-radius: 5px;
-webkit-border-radius:5px;cursor: pointer;
    text-align: center;color:#fff;padding:20px; border:2px solid #eee;margin:28px 18px 0 18px ;position: relative;}
.shopshow .addShop .iconout{width:40px;height:40px;border-radius: 20px;
    -webkit-border-radius:20px;background: #ee6363;line-height: 40px;position: absolute;top: 25%;left:50%;margin-left:-20px;}
.shopshow .addShop .text{position: absolute;color:#ee6363;width:100%;left:0;bottom:20px;}
.shopshow .addShop .glyphicon{font-size:26px;top:7px;left:2px;}
.breadcrumb{background: rgb(213,213,213);margin-bottom: 0}
.stepshow{height:60px;margin-bottom: 20px}
.stepshow .step{height:3px;margin:18px 0;background: #d5d5d5;position: relative;}
.stepshow .stepover{height:3px;background: #ee6363}
.stepshow .step .stepson{position: absolute;width:30px;margin-top: -16px;}
.stepshow .step .stepson span{background: #d5d5d5;width:30px;height: 30px;display: block;line-height: 30px;text-align: center;color: #fff;border-radius: 15px;-webkit-border-radius:15px;}
.stepshow .step .step1{margin-left: -15px}
.stepshow .step .step2{margin-left: -15px;left:50%;}
.stepshow .step .step52{margin-left: -15px;left:25%;}
.stepshow .step .step54{margin-right: -15px;left:75%;}
.stepshow .step .step3{margin-right: -15px;right:0;}
.stepshow .step .active span{background: #ee6363}
.stepshow .step h5{width:90px;margin-left:-30px;display: block;text-align: center;color:#d5d5d5;}
.stepshow .step .active h5{color:#000}
.relative{position: relative;}
.stuffshow{border-radius: 5px;
    -webkit-border-radius:5px;
    border:1px solid #ccc;}
.text-red{color:red;padding-right: 5px}
.text-green{color:green;}
.modal-dialog {z-index: 1045;}
.titleRed{color:#ee6363;font-size: 30px;padding:0 20px;}
.score{padding:10px 20px;height:40px;}
.score .out{padding:10px;}
.businesstime ul{width: 284px;overflow: hidden;}
.tables .list-group-item{padding:0px;overflow: hidden;}
.tables  .list-group-item li{padding:5px 10px;float: left;border-right: 1px solid #ccc}
.tables .list-group-item li:last-child{border-right:0px}
.tables  .list-group-item.active{background: #ee6363;border-color: #ee6363}
.tables  .list-group-item.default{background: #F0F0F0;border-color: #D5D5D5;color: #000000}
.tables  .list-group-item .left-title{padding:0 20px;font-size:16px;float:left;}
.tables  .list-group-item .right-title{padding:0 20px;font-size:16px;float:right;color:#ccc;cursor: pointer;}
.tables  .list-group-item .right-title i:hover{color:#000;}
.tables .list-group{margin-bottom: 0}
.user-list{margin:10px;}
.user-list .keeper{width:410px;height:210px;background: rgb(240,240,240);border-radius: 5px;-webkit-border-radius:5px;margin:5px;float:left;position:relative;
text-align: center;margin-right: 10px;overflow: hidden;}
.user-list .staffs {width:200px;height:100px;background: rgb(240,240,240);border-radius: 5px;-webkit-border-radius:5px;margin:5px;float:left;position:relative;
text-align: center;margin-right: 10px;overflow: hidden;}
.user-list .keeper .out{position: absolute;top: 50%;margin-top: -49px;left:20%;z-index: 5;}
.user-list .keeper .text{padding:20px;line-height: 30px;width:240px;}
.user-list .staffs .out{position: absolute;top: 50%;margin-top: -30px;left:10%;z-index: 5;}
.user-list .staffs .text{padding:10px;line-height: 20px;width:120px;}
.user-list  .smName{width:90px;height:20px;line-height: 20px;margin:0 5px}
.user-list .add{width:200px;height:100px;background:#fff;border:1px solid rgb(240,240,240);border-radius: 5px;-webkit-border-radius:5px;margin:5px;float:left;position: relative;cursor: pointer;}
.user-list .keeper .add{width: 100%;height: 100%;margin:0;}
.user-list .editdialog{background: #000;width: 100%;height: 100%;z-index: 99;position: absolute;color: #ddd;font-size: 16px; letter-spacing:10px;bottom: 0;opacity: 0.3}
.user-list .editdialog .delete:hover ,.user-list .editdialog span:hover{color: #fff;cursor: pointer;}
.user-list .editdialog .delete{text-align: right;font-size:20px;position: absolute;top:5%;right:5%;}
.user-list .editdialog span{position: absolute;
top: 45%;
text-align: center;
width: 100%;
left: 0;padding-left:5px;}
.user-list .add .iconadd{background:#ee6363;color:#fff;width:60px;height:60px;padding:10px;line-height: 40px;font-size: 40px;display: block;margin-left: -30px;margin-top: -30px;position: absolute;top: 50%;left: 50%;border-radius: 30px;-webkit-border-radius:30px;}
.user-list .add .iconadd .glyphicon{left:2px;top: -1px;}
.user-list  .add:hover{background: #ee6363;}
.user-list  .add:hover .iconadd{background: #fff;color: #ee6363}
.ng-invalid,.ng-valid-pattern.ng-invalid-required{border-color:#ee6363;}
.ng-no.ng-invalid-required,.ng-untouched{
border-color:#ccc!important;
}
.ng-no:focus{border-color:#66afe9 }
.btn-checked .active{background: #d9534f;color: #fff;border-color: #ac2925}
.btn-checked  .btn{width: 80px;}
#container{height: 120px;}
.showedit{width:100%;height: 100%}
.click{cursor: pointer;}
.blur {
    -webkit-filter: blur(10px); /* Chrome, Opera */
       -moz-filter: blur(10px);
        -ms-filter: blur(10px);
            filter: blur(10px);
}
.view-slide-out{position: relative;}
.view-slide-in{/*position:absolute;*/top:0;left:0;}
.time-line{padding-top:20px;margin-bottom: -20px}
.time-line .radius{background: #ccc;width: 20px;height:20px;border-radius: 20px;-webkit-border-radius:20px;position: absolute;left:5px;}
.time-line .line{height: 100%;border-left: 2px solid #ccc;}

.time-line .line-in{position: relative;margin-left: 20px;border:2px solid #e0e0e0;top:-10px;overflow: hidden;border-bottom: 0;}
.time-line .line-in-last{border-bottom: 2px solid #e0e0e0;margin-left: 22px }
.relative{position: relative;margin-left: 5px}
.time-line .line-in .title,.time-line .line-in .content .ss{padding:10px 15px;overflow: hidden;display: block;}
.time-line .line-in .content{border-top: 2px solid #e0e0e0;padding:15px 0;overflow: hidden;}
.ng-hide{visibility:hidden;display: none;}
.ruleadd{margin-bottom: 50px}
.ruleadd .title{border:1px dashed
#ccc ;padding:10px;position: relative;top:25px;right:20px;}
.ruleadd .content:after,.ruleadd .content2:after{content:"";width:20px;height:20px;background: #ccc;border-radius: 10px;-webkit-border-radius:10px;display: block;position: absolute;left:-9px;top:26px;}
.ruleadd  .content{border-bottom: 1px solid #d5d5d5;padding:20px;}
.ruleadd .content2{padding:20px;}
.ruleadd .form-group{margin-bottom:0;margin-left: 10px}
.couponadd .form-group{margin-bottom:8px;margin-left: 10px;clear:both;}
.ruleadd .content:before{
content: '';
position: absolute;
top: 35px;
bottom: 0;
width: 2px;
background: #ccc;
left: 0px;
height:101%;
}
.ruleadd .out{clear:both;display: block;}
.ml2{padding-left:15px!important;}
.ml25{padding-left: 25px}
.ml30{padding-left: 30px}
.mb22{padding-bottom: 20px;}
.ml15{margin-left: 10px}
.mt15{padding-top: 15px}
.mt20{padding-top: 20px}
.mb15{padding-bottom: 15px}
.pb0{padding-bottom: 0!important}
.mb0{margin-bottom: 0!important}
.mb10{margin-bottom: 10px;overflow: hidden;}
.marb15{margin-bottom: 15px;}
.timecheck .btn{padding:5px 25px;margin-right:20px;margin-bottom:10px;height:31px;line-height: 16px;}
.timecheck .btn.active{border-color:#ee6363;background: #fff;
-webkit-box-shadow: inset 0 0px 0px rgba(0, 0, 0, .125);
box-shadow: inset 0 0px 0px rgba(0, 0, 0, .125);
}
.timecheck .btn.active:before{content: "\e013";position: absolute;left:7px;top:7px;color:#ee6363;}
.ruleadd .closeit{position: absolute;right: 30px;
top: 15px;cursor: pointer;}
.ruleadd .closeit:hover{color:#000;}
.ruleadd2 .add{background: #ee6363;width:32px;height:32px;display: block;float: left;margin:0px 10px;border-radius: 16px;font-size: 20px;line-height: 32px;text-align: center;color: #fff}
.ruleadd2 .add i,.ruleadd2 .remove i{padding-left:2px;}
.ruleadd2 .remove{display: block;float: left;margin:0px 10px;border-radius: 16px;font-size: 28px;line-height: 32px;text-align: center;color:#ee6363}
.clear{clear: both}
.overflow{overflow: hidden;}
.mr15{margin-left: 0!important;margin-right:35px}
.titlePin{position: relative;}
.errorTitle{position: absolute;right:-140px;width:150px;z-index: 80;
    top:-2px;background: #fff;border:1px solid #d5d5d5;
    padding:5px 10px;font-size:12px;border-radius: 5px;
    box-shadow: 3px 3px 3px rgba(0,0,0,0.15);color:red;
}
.errorTitle:before{
    content: "";
    font-size: 0;
    width:0;
    height:0;
    overflow: hidden;
    border-width:6px;
    border-style:solid;
    border-color:transparent #fff  transparent transparent;/* 红 黄 蓝 绿 */
    position: absolute;left:-11.6px;
    z-index:82;
    top:8px;
}
.errorTitle:after{
    content: "";
    font-size: 0;
    width:0;
    height:0;
    overflow: hidden;
    border-width:6px;
    border-style:solid;
    border-color:transparent #d5d5d5  transparent transparent;/* 红 黄 蓝 绿 */
    position: absolute;left:-13px;z-index:81;top:8px;
}

#iCenter{width:100%;height: 180px;border-radius: 5px;border: 1px solid #fff}
.keepershopadd .picshow{width:100px;height:100px;}
.modal-header {
border-radius: 5px 5px 0 0;
background: rgb(250,250,250);
}
.modal-footer{background: rgb(250,250,250);}
#addpic .picin{min-height:200px;width:100%;}
#addpic .picin img{max-height: 200px;max-width:100%;}
#addpic .emputy{border:1px solid #ccc;background: rgb(236,248,248);min-height:200px;hwidth:100%;}
#addpic .picerror{margin:10px 0 5px 0;min-height:60px;}
#addpic .pictitle{margin:20px 0;}
#picshow .piclist{float:left; display:inline;position: relative;overflow: hidden;}
#picshow .piclist img{height:110px;margin:5px;position: relative;}
#picshow{overflow:auto;max-width: 66.66666667%}
.tablelist .tables{width:100px;height:100px;border:1px solid #ee6363;border-radius: 3px;display: inline-block;}
.tablelist .tablesout{overflow: hidden;display: inline-block;position: relative;margin: 15px;}
.tablelist .delete{width:20px;}
#picshow .imgedit{background: rgba(0,0,0,.7);width:100%;height:100%;position: absolute;top: 0;color:#fff;text-align: center;line-height: 30px;padding:20px 0;}
#picshow .imgedit i{font-size:40px;}
#picshow .imgedit a{color:#ccc;cursor: pointer;}
#picshow .imgedit a:hover{color:#fff;}
.text-danger{height:20px;}
.tablelist{margin-left: -15px}
.tables {text-align: center;}
.tables .remove{width:100%;overflow:hidden;height:20px;padding: 0;margin:0;}
.tables .remove i{cursor: pointer;float:-right;height:20px;width:26px;background:#ee6363;color:#fff;top:0;float:right;line-height: 20px;border-radius:0 0 0 5px}
.tables .seat{height:35px;line-height: 30px}
.tables .count .add,.tables .count .sub{float:left;width:26px;line-height:26px;cursor: pointer;color:#ee6363;display: block;height:26px;border-radius: 26px;margin:4px 1px;padding:0;background:#fff;}
.tables .count .add:hover,.tables .count .sub:hover{background:#ee6363;color:#fff; }
.tables .count i{left:0px;top:2px;}
.tables .count .plus{float:left;width:40px;}
.tables .count .plus input{padding:5px;text-align: center;}
.tables button{border: 0;outline:none}
.h44{height:44px;line-height:34px;}
.sm-click {background: #fff;color:#ccc;cursor: pointer;height:34px;width:34px;line-height: 34px;font-size: 20px;display: block;margin-left: 5px}
.sm-click:hover{color: #ee6363;}
.plan{background: #ee6363}

.title2{background:#ee6363;color:#fff;text-align: center;border-color: red}
.table .title th{text-align: center;border-color:#ee6363;background:#ee6363;color:#fff;border-right-color:#ccc;}
.table .title th:last-child{border-right-color:#ee6363;}
.table  td{position: relative;}
.TittleError2 span{position: absolute;left:8px;z-index: 80;
    top:-26px;background: #f0f0f0;
    padding:5px 10px;font-size:12px;border-radius: 3px;
    color:#000;
border: 1px solid #ddd;
box-shadow: 1px 1px 1px #efefef;
-moz-box-shadow: 1px 1px 1px #efefef;
-webkit-box-shadow: 1px 1px 1px #efefef;
background: #f9f9f9;

}
.TittleError2 span:before{
    content: "";
    font-size: 0;
    width:0;
    height:0;
    overflow: hidden;
    border-width:6px;
    border-style:solid;
    border-color: #f9f9f9 transparent  transparent  transparent;/* 红 黄 蓝 绿 */
    position: absolute;left:12px;
    z-index:82;
    bottom:-12px;
z-index: 99}
.TittleError2 span:after{
    content: "";
    font-size: 0;
    width:0;
    height:0;
    overflow: hidden;
    border-width:7px;
    border-style:solid;
    border-color: #ccc transparent  transparent  transparent;/* 红 黄 蓝 绿 */
    position: absolute;left:11.5px;
    z-index:82;
    bottom:-14px;
    z-index: 98
}
tr>td:last-child{text-align: center;}
.datelist  .weekson{float:left;width:28px;height: 28px;color:#999999;position:relative;border-width:0px 0px 1px 1px;text-align: center;line-height: 28px}
.datelist  .dateson{float:left;display:block;width:28px;height: 28px;border: 1px solid #DCDCDC;position:relative;border-width:0px 0px 1px 1px;text-align: center;line-height: 28px}
.datelist .weektitle .weekson:first-child,.datelist .weektitle .weekson:last-child{color:#ee6363;}
.datelist .weektitle {border-left: 1px solid #ccc;}
.datelist .weektitle,.datelist .datecontent{padding:0 10px;}
.datelist .dateout{overflow: hidden;height:169px;}
.datelist{width:220px;border: 1px  solid #ccc;overflow: hidden;padding-bottom:10px;}
.datelist .datecontent {overflow: hidden;}
.datelist .datecontent .dateson a{height:29px;width:29px;display:block;cursor: pointer;text-decoration: none;color: #666666}
.datelist .datecontent a:hover{width:29px;height:29px;left:-1px;top:-1px;background: #ee6363;
    color: #fff;z-index:21;border:1px solid #CE3535;position: absolute;
     -moz-box-shadow:1px 1px 0px #FF7171 inset;
    -webkit-box-shadow:1px 1px 0px #FF7171 inset;
    box-shadow:1px 1px 0px #FF7171 inset;    }
 .datelist .datecontent .active{width:29px;height:29px;left:-1px;top:-1px;background: #E0E1E1;
    color: #fff;z-index:20;border:1px solid #C1C3C6;position: absolute;
     -moz-box-shadow:0 0 3px #C7C7C8 inset;
    -webkit-box-shadow:0 0 3px #C7C7C8 inset;
    box-shadow:0 0 3px #C7C7C8 inset;    }
 .datelist .datecontrol{line-height:30px }
 .datelist .bordert{border-top-width:1px;height:29px;}
 .datelist .borderr{border-right-width:1px;width:29px;}
.datelist .controle{background: #F1F2F2;color:#474848;overflow: hidden;border-bottom: 1px solid #D9D9D9;padding:10px 0;}
.datejoin a{display: inline-block;padding:2px 5px;color:#666;}
.datejoin a:hover{background: #d9d9d9;text-decoration: none;}
.datejoin i{cursor: pointer;}
.datepicker-background{position: fixed;height: 100%;width: 100%;top:0;left: 0}
.menberadd .menshow {color:#949494;}
.menberadd .menshow a,.menberadd .menadd a{cursor: pointer;margin:0 auto;position: relative;width:40px;height:40px;display: block;border-radius: 20px;text-align: center;line-height: 40px;font-size: 16px}
.menberadd .menshow a,.menberadd .menadd a:hover{background:#ee6363;color:#fff;}
.menberadd .menadd a{color:#ee6363;font-size: 20px}
.menberadd .menshow a:hover{background: #949494;z-index: 1}
.menberadd .menadd a i{left:1px;top:2px;}
.inline-block{display: inline-block;}
.add-rad{width: 34px;height: 34px;border-radius: 17px;background:#d9534f;color: #fff;font-size: 20px;line-height: 34px;text-align: center;cursor: pointer;}
.add-rad i{left:2px;}
.add-rad:hover{background:#c9302c }
.plan-title{background: #ee6363;padding:3px 0;line-height: 30px;color: #fff;border: 1px solid #ee6363;border-radius: 5px 5px 0 0}
.plan-son{padding:3px 0;line-height: 52px;border: 1px solid #ccc;border-top:0;}
.plan-son:last-child{border-radius:  0 0 5px 5px}
.plan-son  .avatar img,.avatar-sm img{height: 50px;width: 50px;border: 1px solid #ccc;border-radius: 25px}
.line26{line-height: 26px}
.plan-son  .p20{padding-left: 20px}
.plan-son  i{font-size: 14px;padding-right:5px;top:2px;color: #ccc}
.plan-son  .avatar .popover{display: block;width:200px;line-height: 20px}
.icons .icon{width:20px;height: 20px;display: inline-block;border-radius: 2px;line-height: 20px;text-align: center;color: #fff;margin-right: 5px}
.icons .DISCOUNT{background:#ff8841;}
.icons .DISCOUNT:before{content: "折";}
.icons .CHARGE{background:#e04cd4;}
.icons .CHARGE:before{content: "充";}
.icons .SPEND{background:#ff3a3a;}
.icons .SPEND:before{content: "抵";}
.icons .LIMIT{background:#3ac6cb;}
.icons .LIMIT:before{content: "礼";}
.icons .POINT{background:#47d08b;}
.icons .POINT:before{content: "积";}
.icons .COUPON{background:#5b6aff;}
.icons .COUPON:before{content: "券";}
.icons .SPECIAL{background:#03b8e5;}
.icons .SPECIAL:before{content: "特";}
.popover.right > .arrow {
top: 25px;}
 .avatar-lg img{height:100px;width: 100px;border: 1px solid #ccc;border-radius: 50px}
 .coupon-select optgroup:last-child option:last-child{color: red}
  .coupon-select optgroup:last-child{}
  option{font-size:12px;}
.ki-customer{height: 160px;line-height: 160px;font-size:16px;color: #fff}
.ki-customer-left{background:rgb(124,185,229);padding:20px;height: 160px;line-height: 120px;}
.ki-customer-left li:first-child{border-right:2px solid rgb(115,174,215);}
.ki-customer-right{background:rgb(88,200,141);}
.ki-shop{background:#fff;padding: 15px;height: 160px;}
.ki-mid{height: 480px;overflow-y:scroll;word-break:break-all;
padding-bottom: 15px;line-height:24px
scrollbar-face-color:#C00;
scrollbar-highlight-color:#F60;
scrollbar-3dlight-color:#F00;
scrollbar-darkshadow-color:#000;
scrollbar-Shadow-color:#000;
scrollbar-arrow-color:#FFF;
scrollbar-track-color:#D6A27E;  }
.ki-mid::-webkit-scrollbar
{
    width: 10px;
    height: 6px;
    background: #fff
}
.ki-mid::-webkit-scrollbar-track-piece
{
    background-color: #fff;
    -webkit-border-radius: 0px;
}
.ki-mid::-webkit-scrollbar-thumb:vertical
{cursor: pointer;
    height: 5px;
    background-color: #ccc;
    -webkit-border-radius: 0px;

}
.ki-mid::-webkit-scrollbar-thumb:horizontal
{
    width: 3px;
    background-color: #000;
    -webkit-border-radius: 0px;
}
.ki-mid .avatar-sm img{width: 34px;height: 34px;margin:3px 0;}
.ki-mid p{margin-bottom: 0;padding-left: 10px;font-size: 12px;color:#949494;}
.ki-mid .title{color: #5581b1;font-size: 16px;}
.ki-mid .ki-mid-content{padding-top:15px;}
.ki-mid-right {padding-top: 30px;overflow: hidden;}
.ki-mid-right .pics img{width: 90px;height: 90px;overflow: hidden;}
.ki-mid-right .pics{padding:5px;border: 1px solid #ccc ;margin: 10px;float: left}
.ki-more{padding:10px 20px ;border-top: 1px solid #eee}
.ki-mid-satisfaction{padding-top:15px;color: #969696}
.ki-mid-left{padding-top: 15px;font-size: 12px;color:#969696;}
.ki-mid-left .ki-mid-left-title {font-size: 16px;color: #000;padding-bottom: 10px}
.z-index2{position: relative;z-index: 2;}
.datepicker .datelist{position: absolute;top:40px;z-index: 99;background: #fff}
.datepicker {position: relative;z-index: 99}
.shopshow>.col-sm-12,.shopshow>.col-sm-6{line-height: 30px}
.shopshow table td,.shopshow table th{text-align: center;}
.coupons{border-radius:5px;border:1px solid #ccc;margin-bottom: 20px;overflow: hidden;}
.coupons .title{border-bottom: 1px dashed #ccc;overflow: hidden;}
.coupons .content{padding: 15px 0;overflow: hidden;}
